<template>
  <div class="con">
    <div><i :class="['iconfont', sendPanel.icon]" :style="{color:sendPanel.color}"></i></div>
    <div>
        <ul>
            <li>{{sendPanel.title}}</li>
            <li>{{sendPanel.count}}</li>
        </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    //   子用父传的sendPanel名字接收，在这里实际接的是panellist内的元素
    sendPanel: {
        // 类型对应元素类型
      type: Object,
    //   这个表示必传
      required: true,
    },
  },
};
</script>

<style lang="less" scoped>
.con{
    display: flex;
    justify-content: space-between;
    align-content: center;
    .iconfont{
      font-size:40px;
    }
}
    </style>
